<template>
  <div id="page-container" class="header-fixed-top sidebar-visible-lg-full">
    <!--二级目录路由-->
    <transition name="router-slid" mode="out-in">
      <router-view></router-view>
    </transition>
  </div>
</template>
<script type="text/ecmascript-6">
  import moment from 'moment';
  export default {
    name: 'page-container',
    data(){
        return {
        }
    },
    created(){
    }
  }
</script>

<style type="stylus" scoped>
  @import "./static/css/bootstrap.min.css";
  @import "./static/css/plugins.css";
  @import "./static/css/main.css";
  @import "./static/css/themes.css";
  .router-slid-enter-active, .router-slid-leave-active {
    transition: all .4s;
  }

  .router-slid-enter, .router-slid-leave-active {
    transform: translate3d(2rem, 0, 0);
    opacity: 0;
  }
</style>
